<%- include('header') %>

<div class="inner cover">
    <%- include('components/notification') %>
    <div class = "row">
        <div class="col-md-2"></div>
        <div class="col-md-8">
            <div class="panel panel-profile no-bg">
                <div class="panel-heading">
                    <h2 class="panel-title heading-sm pull-left">
                        Sign Up
                    </h2>
                </div>
                <div class="panel-body">
                    <form class="form_post" method="post" enctype="multipart/form-data" action="/signup">
                        <div class="form-group">
                            <label for="username" class="col-md-2 control-label">Username</label>
                            <div class="col-md-10" style="margin-bottom: 10px;">
                                <input type = "text" class="form-control" name="username" id = "username" placeholder="Username">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="email" class="col-md-2 control-label">Email</label>
                            <div class="col-md-10" style="margin-bottom: 10px;">
                                <input type="email" class="form-control" name="email" id = "email" placeholder="Email">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="suid" class="col-md-2 control-label">SUID</label>
                            <div class="col-md-10" style="margin-bottom: 10px;">
                                <input type="text" class="form-control" name="suid" id = "suid" placeholder="SUID">    
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password" class="col-md-2 control-label">Password</label>
                            <div class="col-md-10" style="margin-bottom: 10px;">
                                <input type="password" class="form-control" name="password" id = "password" placeholder="Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="password_confirm" class="col-md-2 control-label">Confirm</label>
                            <div class="col-md-10" style="margin-bottom: 10px;">
                                <input type="password" class="form-control" name="password_confirm" id = "password_confirm" placeholder="Confirm Password">
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10" style="margin-bottom: 10px;">
                                <button type="submit" class="btn btn-default">Submit</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<%- include('footer') %>